<!DOCTYPE html>
<html lang="zh-CN">
  <head>
	<meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="../../docs-assets/ico/favicon.png">
    <title>音乐乐园</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script>
        <script src="http://cdn.bootcss.com/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->    
  </head>
  <body>
  
<!--==============================header=================================-->
<header>

	<div class="navbar-wrapper">
      <div class="container">

        <div class="navbar navbar-inverse navbar-static-top" role="navigation">
		<div class="masthead">
            <div class="navbar-header">
              <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
              <a class="navbar-brand" href="#">My Musicland</a>
            </div>
            <div class="navbar-collapse collapse">
              <ul class="nav navbar-nav">
            <li class="active"><a href="index.html">首页</a></li>
            <li><a href="concert/concert_main.html">音乐会</a></li>
            <li><a href="index.html">乐团</a></li>
            <li><a href="index.html">海外学习演出</a></li>
            <li><a href="index.html">大师课</a></li>
            <li><a href="index.html">支持</a></li>
              </ul>
			  
		  <ul class="nav navbar-nav navbar-right">
		  <% if (!user) { %>
			<li><a href="reg.html">注册</a></li>
			<li><a href="login.html">登录</a></li>
		  <% } else {%>
			<li class="dropdown">
			<a href="#" class="dropdown-toggle" data-toggle="dropdown">张三 <b class="caret"></b></a>
			<ul class="dropdown-menu">
				<li><a href="userinfo.html">修改资料</a></li>
				<li><a href="changePWD.html">修改密码</a></li>
				<li class="divider"></li>
				<li><a href="#">登出</a></li>
			</ul>
			</li>
		  <% } %>
			</ul>
              <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
            </div>
        </div>
		</div>
      </div>
    </div>
	
</header>

<div class="container">
    <!-- Carousel
    ================================================== -->
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
      <!-- Indicators -->
      <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
      </ol>
      <div class="carousel-inner">
        <div class="item active">
		<img src="images/1.jpg" href="#" alt="" class="img-responsive">
          <div class="container">
            <div class="carousel-caption">
            </div>
          </div>
        </div>
        <div class="item">
		<img src="images/2.jpg" href="#" alt="" class="img-responsive">
          <div class="container">
            <div class="carousel-caption">
            </div>
          </div>
        </div>
        <div class="item">
		<img src="images/2.jpg" href="#" alt="" class="img-responsive">
          <div class="container">
            <div class="carousel-caption">
            </div>
          </div>
        </div>
      </div>
      <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
      <a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
    </div><!-- /.carousel -->

   <div class="row">
		<!-- news -->
        <div class="col-md-6">
			<table class="table table-striped">
				<tr>
					<th><h3><span class="label label-default">新闻资讯</span></h3></th>
				</tr>
				<tr>
					<td><a href="#">news1</a></td>
				</tr>
				<tr>
					<td><a href="#">news2</a></td>
				</tr>
				<tr>
					<td><a href="#">news3</a></td>
				</tr>
				<tr>
					<td><a href="#">news3</a></td>
				</tr>
				<tr>
					<td><a href="#">news3</a></td>
				</tr>
				<tr>
					<td><a href="#">news3</a></td>
				</tr>
			</table>
		</div><!--/news-->
		<!-- media -->
        <div class="col-md-6">
			<table class="table table-striped">
				<tr>
					<th><h3><span class="label label-default">音乐会视频</span></h3></th>
				</tr>
				<tr>
					<td><div class="media">
						<a class="pull-right" href="#">
							<img class="media-object" src="images/main_fl.jpg" alt="...">
						</a>
					</td>
				</tr>
			</table>
			
		</div>
      </div><!--/media-->
		<h3><span class="label label-default">大师图库</span></h3>
        <div class="col-md-3">
			<img class="img-responsive" src="images/dashi_1.jpg">
		</div>
        <div class="col-md-3">
			<img class="img-responsive" src="images/dashi_1.jpg">
		</div>
        <div class="col-md-3">
			<img class="img-responsive" src="images/dashi_1.jpg">
		</div>
        <div class="col-md-3">
			<img class="img-responsive" src="images/dashi_1.jpg">
		</div>
	 </div>
  </div> <!-- /container -->
  <br><br>
	  <div class="container">
      <!-- FOOTER -->
      <footer>
        <p class="pull-right"><a href="#">Back to top</a></p>
		<div class="center-block"><p>&copy; 2013 Company, Inc. &middot; <a href="#">Privacy</a> &middot; <a href="#">Terms</a></p></div>
      </footer>
	  </div>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>
  </body>
</html>